﻿<!DOCTYPE html>

<html>
<head>
    <title>@ViewBag.Title</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" type="img/png" href="img/favicon.png">
    <link href="~/Content/css/bootstrap.css" rel="stylesheet" />
  @*  *@
    @*<link href="css/bootstrap.css" rel="stylesheet" type="text/css" />*@
    <link href="~/Content/font-awesome-4.3.0/css/font-awesome.css" rel="stylesheet" type="text/css" />
    <link href="~/Content/sidemenu/sidemenu.css" rel="stylesheet" type="text/css" />
    <link href="~/Content/css/mystyle.css" rel="stylesheet" type="text/css" />
    <link href="~/Content/input/normalize.css" rel="stylesheet" type="text/css" />
    <link href="~/Content/input/set1.css" rel="stylesheet" type="text/css" />
    <link href="~/Content/backToTop/totop.css" rel="stylesheet" type="text/css" />
    <link href="~/Content/Site.css" rel="stylesheet" />
    <script src="~/Content/ProjectScript.js"></script>
    <script src="~/Scripts/jquery-1.8.2.min.js"></script>
    <script src="~/Scripts/jquery-ui-1.8.24.min.js"></script>
    <script src="~/Scripts/jquery.unobtrusive-ajax.min.js"></script>

    <script>
        $("#CheckMaterial").click(function () {
      var x = 1;
      alert(x);
  })
    </script>
   
</head>
<body>
    <!--nav-->


    <div class="row">

        <!-- Menu -->
        <div class="side-menu">

            <nav class="navbar navbar-inverse" role="navigation">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <div class="brand-wrapper">
                        <!-- Hamburger -->
                        <button type="button" class="navbar-toggle">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>

                        <!-- Brand -->
                        <div class="brand-name-wrapper">
                            <a class="navbar-brand" href="index.html">
                                <p class="type-h">
                                    <img src="~/Content/img/logo3.jpg" class="logoimage" />

                                </p>
                            </a>

                        </div>

                    </div>

                </div>

                <!-- Main Menu -->
                <div class="side-menu-container">
                    <ul class="nav navbar-nav">
                      
                        <li><a href="#"><i class='fa fa-home'></i> &nbsp;Home</a></li>

                        <li><a href="@Url.Action("Index","Course")"><i class='fa fa-photo'></i> &nbsp;Course</a></li>
                        <li><a href="@Url.Action("Index", "GroupType")"><i class='fa fa-male'></i> &nbsp;Group type</a></li>
                        <li><a href="@Url.Action("Index", "Nationality")"><i class='fa fa-pencil'></i> &nbsp;Nationality</a></li>
                        <li><a href="@Url.Action("Index", "Category")"><i class='fa fa-book'></i> &nbsp;Category</a></li>

                        <li><a href="@Url.Action("Index", "Instructor")"><i class='fa fa-photo'></i> &nbsp;Instructor</a></li>
                        <li><a href="@Url.Action("Index", "Branche")"><i class='fa fa-calendar'></i> &nbsp;Branch</a></li>
                        <li><a href="@Url.Action("Index", "PaymetMethod")"><i class='fa fa-book'></i> &nbsp;Payment Method</a></li>
                        <li><a href="@Url.Action("Index", "Lab")"><i class='fa fa-newspaper-o'></i> &nbsp;Lab</a></li>



                    </ul>
                </div><!-- /.navbar-collapse -->
            </nav>

        </div>

 <div class="side-body">
                <div class="header-h">
                    <div class="container-fluid txt-center">

                       @* <div class="col-md-1 col-xs-1 pad-bord">
                            <i class="fa fa-calendar-o">
                                <span class="badge2">2</span>
                            </i>
                        </div>
                        <div class="col-md-1 col-xs-1  pad-bord2">
                            <i class="fa fa-envelope relative-i">

                                <span class="badge2">5</span>
                            </i>

                        </div>*@
                        <div class="col-md-5 col-xs-5  pad-search1">
                            <span class="input input--minoru" style="margin: 0">
                                <a href="#"><i class="fa fa-search"></i></a>
                                <input class="input__field input__field--minoru" type="text" id="input-22" placeholder="Search"/>


                                <label class="input__label input__label--minoru" for="input-22">
                                    <!--						<span class="input__label-content input__label-content--minoru">Search</span>-->
                                </label>
                            </span>
                        </div>
                        <div class="col-md-5  col-xs-5 pad-img">
                            <span class='account float2-none-res text-center'>
                                <p>
                                  @*  <img src="img/2.png" alt="" class="img-circle" width="11%"/>&nbsp;*@
                                    <img src="~/Content/img/2.png" class="img-circle" width="11%"  />&nbsp;
                                    Mohamed Nabil &nbsp;<i class='fa fa-caret-down'></i>
                                </p>
                            </span>




                        </div>
                    </div>
                </div>
 @*header-------------------------------------------------------------------------------------------------------------------------------------*@


            <div>
                @RenderBody()
            </div>


            <div class="container-fluid">

           



 <!--panel----------------------------------------------------------------------------------------------------------------------------------------->
                <!--tab -->

               
            </div>











 @*footer---------------------------------------------------------------------------------------------------------------------------------------*@
            <footer>
                    <div class="footer row">
                        <div class="container-fluid">
                            <div class="border-t"> 

                                <div class="col-md-6 float-none-res">
                                    <p>

                                        All rights reserved 2015 | <a href="index.html">ACADEMY NAME  </a>    
                                    </p>
                                </div>
                                <div class="col-md-6">
                                    <p class="pull-right float-none-res">

                                        Designed & Developed by : <a href="index.html">OUR TEAM </a>    
                                    </p>
                                </div>

                            </div>
                        </div>
                    </div>

                </footer>
            </div>
        </div>





    <!--js-->
    <script src="~/Content/js/jquery-1.11.2.min.js"></script>
    @*<script src="js/jquery-1.11.2.min.js" type="text/javascript"></script>*@
    <script src="~/Content/js/bootstrap.js" type="text/javascript"></script>
    <script src="~/Content/sidemenu/sidemenu.js" type="text/javascript"></script>
    <!--input--js-->
    <script src="~/Content/input/classie.js" type="text/javascript"></script>
    <script>
        (function () {
            // trim polyfill : https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/Trim
            if (!String.prototype.trim) {
                (function () {
                    // Make sure we trim BOM and NBSP
                    var rtrim = /^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g;
                    String.prototype.trim = function () {
                        return this.replace(rtrim, '');
                    };
                })();
            }

            [].slice.call(document.querySelectorAll('.input__field')).forEach(function (inputEl) {
                // in case the input is already filled..
                if (inputEl.value.trim() !== '') {
                    classie.add(inputEl.parentNode, 'input--filled');
                }

                // events:
                inputEl.addEventListener('focus', onInputFocus);
                inputEl.addEventListener('blur', onInputBlur);
            });

            function onInputFocus(ev) {
                classie.add(ev.target.parentNode, 'input--filled');
            }

            function onInputBlur(ev) {
                if (ev.target.value.trim() === '') {
                    classie.remove(ev.target.parentNode, 'input--filled');
                }
            }
        })();
    </script>
    <script>
        $('#myTab a').click(function (e) {
            e.preventDefault();
            $(this).tab('show');
        });
    </script>
    <script src="~/Content/backToTop/totop.js" type="text/javascript"></script>
    <script src="~/Content/ProjectScript.js"></script>
</body>
</html>


